<!DOCTYPE html>
<html lang="en">
      <head>
      <title>Mail Us</title>
      <meta charset="utf-8">
      <link rel="icon" href="img/favicon.ico" type="image/x-icon">
      <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
      <meta name="description" content="Your description">
      <meta name="keywords" content="Your keywords">
      <meta name="author" content="Your name">
      <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
      <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/superfish.js"></script>
      <script type="text/javascript" src="js/jquery.mobilemenu.js"></script>     
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>  
      <script src="js/forms.js"></script>

      <!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
      <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>   
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
  <![endif]-->
      </head>

      <body>
<!--============================== header =================================-->
<header>
        <div class="container">
    <div class="navbar navbar_">
            <div class="clearfix">
        <h1 class="brand"><a href="index.html"><img alt="Tagoo" src="img/logo.png"></a></h1>
        <div class="nav-collapse nav-collapse_  collapse">
         <ul class="nav sf-menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="index-1.html">About us </a></li>
            <li><a href="index-2.html">Clients</a>
                <ul>
                    <li><a href="#">Dolore ipsu</a></li>
                    <li><a href="#">Consecte</a>
                        <ul>
                        <li><a href="#">Dolore ipsu</a></li>
                        <li><a href="#">Consecte</a></li>
                        <li><a href="#"> Elit Conseq</a></li>
                       </ul>
                   </li>
                   <li><a href="#">Elit Conseq</a></li>
              </ul>
            </li>
            <li><a href="index-3.html">Services</a></li>
            <li class="active"><a href="index-4.html">Mail Us</a></li>
         </ul>
              </div>
      </div>
          </div>
  </div>
      </header>

<!--============================== content =================================-->

<div id="content" >
    <div class="container">  
    <h3>Contact Info</h3>  
        <div class="map">
          <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"> </iframe>
        </div>
        
      <div class="row">
        <article class="span4">      
            <h3>Address</h3>
         <div class="address-1">
            <strong>Address 1</strong>
            <span>The Company Name Inc. </span>
            <p>8901 Marmora Road, Glasgow, D04 89GR.</p>
            <strong>Telephone</strong>
            <p> <span>+1 800 559 6580</span>
             <span>+1 800 603 6035</span></p>
            <strong>Address 2</strong>
            <span>The Company Name Inc. </span>
            <p>9863 - 9867 Mill Road, Cambridge, MG09 99HT</p>
            </div>
        
        </article>
        <article class="span8">         
            <h3>Contact Form</h3>
            <form id="contact-form">
              <div class="success"><span> Contact form submitted! <strong>We will be in touch soon.</strong> </span></div>
              <fieldset>
                <div class="coll-1">
                  <div class="txt-form">Name</div>
                  <label class="name">
                    <input type="text">
                    <br>
                    <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
                </div>
                <div class="coll-2">
                  <div class="txt-form">E-mail</div>
                  <label class="email">
                    <input type="email">
                    <br>
                    <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
                </div>
                <div class="coll-3">
                  <div class="txt-form">Phone</div>
                  <label class="phone">
                    <input type="tel">
                    <br>
                    <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
                </div>
                <div class="clear"></div>
                <div>
                  <div class="txt-form">Message</div>
                  <label class="message">
                    <textarea></textarea>
                    <br>
                    <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
                </div>
                <div class="buttons-wrapper"><a class="btn btn-1" data-type="reset">clear</a> <a class="btn btn-1" data-type="submit">submit</a></div>
              </fieldset>
            </form>
         
        </article>
      </div>
    </div>
  </div>

<!--============================== footer =================================-->
<footer>
        <div class="container clearfix">
    <div class="pull-right">
            <div class="list-soc clearfix"> <a href="#"><img alt="" src="img/soc-icon1.png"></a>
              <a href="#"><img alt="" src="img/soc-icon2.png"></a>
               <a href="#"><img alt="" src="img/soc-icon3.png"></a> </div>
          </div>
    <div class="privacy"><img src="img/logo-footer.png" alt=""> &copy; 2013 | <a href="index-5.html">Privacy Policy</a>
           </div>
  </div>
      </footer>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>